
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/chart.xkcd@1.1/dist/chart.xkcd.min.js"></script>
</head>
<body>
    <div id="bc15d4f1406648cfb7c82fed3a75850e" class="chart-container" style="width: 800px">
        <svg id="chart_bc15d4f1406648cfb7c82fed3a75850e"></svg>
    </div>
    <script>
        const svg_bc15d4f1406648cfb7c82fed3a75850e = document.querySelector('#chart_bc15d4f1406648cfb7c82fed3a75850e')
        const chart_bc15d4f1406648cfb7c82fed3a75850e = new chartXkcd.Line(svg_bc15d4f1406648cfb7c82fed3a75850e, {"title": "\u7279\u6717\u666e\u53d1\u63a8\u7279\u7684\u65f6\u95f4\u7edf\u8ba1", "data": {"datasets": [{"label": "\u63a8\u7279\u6570\u91cf", "data": [953, 414, 349, 330, 441, 666, 1611, 2617, 2769, 2743, 2432, 2168, 2051, 2103, 2673, 3169, 3161, 1880, 1806, 1664, 1937, 2165, 2317, 1562]}], "labels": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23]}, "xLabel": "\u65f6\u95f4", "yLabel": "\u6570\u91cf", "options": {"yTickCount": 3, "legendPosition": 1}});
    </script>
</body>
</html>
